<%@ page contentType="text/html;charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中通电子面单</title>
<style type="text/css">
<!--


body{ font-family:"SimSun","Microsoft YaHei"; line-height:14px;font-size:12px;letter-spacing:1px;background-color:#FFF; }
.fontx4{ font-size:18px;font-weight:100;}
.fontx5{ font-size:10px;font-weight:100;}
.font11{ font-size:11px;font-weight:100;}
.font8h{ font-size:6pt;font-weight:100; line-height:10px;}
.fontch{ font-size:56px;font-weight:100;}
.font-jc{ font-weight:bolder;}
.tab1{ width:98mm; height:184mm;}
.tabsb { border:#666 solid 1px; }
.tabrd {border-bottom:#666 solid 1px; border-right:#999 solid 1px;}
.tabr {border-right:#666 solid 1px;}
.tabd { border-bottom:#666 solid 1px;}
.margin-left20 { margin-left:20px;}
.padding-left15{padding-left:15px;}
p{ margin:0; padding:0;}
-->
</style>
<script type='text/javascript' src="${ctx}/static/v2/js/paiu/wms_common.js"></script>
<script type="text/javascript">
	function init(){ 
	 	document.getElementById("now_date").innerHTML = "日期:"+new Date().Format('yyyy-MM-dd');
	}
</script>
</head>

<body onload="init()">
<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0" class="tab1 tabsb">
  <tr>
    <td class="tabd" style="height:10mm;"><table style="height:10mm;" width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="padding-left15" width="50%" align="left"><!-- <img src="img/logo.jpg" width="130" height="25" /> --></td>
        <td align="center" class="fontx4 font-jc" ><span style="letter-spacing:3px;" ><!-- 发件网点名称 --></span></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td style="height:25mm;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td style="height:11mm;" class="tabrd">
        <span class="fontx4 font-jc" style=" display:block; float:left; padding-left:15px; height:7mm; margin-bottom:0px;letter-spacing:3px;">${printerModel.expressNo}</span>  <br />
         <span id="now_date" class="fontx5 font-jc"  style=" display:block;float: right; margin-right:5px;height:4mm; margin-bottom:0px;" ></span> 
        </td>
        <td rowspan="2" align="center" valign="middle" style=" width:25mm;  height:25mm;" class="tabd"><!-- 客户二维码 --></td>
      </tr>
      <tr>
        <td style="height:14mm;" class="tabrd fontx5">
        <p class="padding-left15">寄件人:${printerModel.fromName}  联系方式：${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}<br /> 
        地址：${printerModel.fromAddress}</p>
        </td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td class="tabd font-jc" style="height:25mm;">
    <p class="padding-left15"> 收件人：${printerModel.toName} 电话：${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}<br /> 
                               地址：${printerModel.toAddress} </p>
    <p class="padding-left15" style=" display:block; margin-top:7mm;"> 
	  <c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
	  	<c:if test="${i.count <= 1}">
	  		品名 ：${item.itemName}
		  </c:if>
	  </c:forEach>  
   </p>
    </td>
  </tr>
  <tr>
    <td class="tabd" align="center" valign="middle" style="height:15mm;"><span class="fontch font-jc" style="letter-spacing:5px;">${fn:replace(printerModel.toProvince, '省', '')}<c:set var="tmpTown" value="${fn:replace(printerModel.toTowns,'市','')}"/>${fn:replace(tmpTown,'区','')}</span></td>
  </tr>
  <tr>
    <td align="center" valign="middle" class="tabd" style="height:25mm;"><!-- <img src="img/ydh.jpg" width="300" height="62" /> --></td>
  </tr>
  <tr>
    <td class="tabd"  style="height:21mm;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="35%" align="center">
        <!-- <img src="img/logo.jpg" class="padding-left15" width="130" height="25" /> -->
        <span class=" fontx4 font-jc" style=" display:block; margin-top:6mm;"> <!-- 发件网点名称 --></span>
        </td>
        <td align="center" valign="middle"><!-- <img src="img/ydh.jpg" width="179" height="55" /> --></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="tabd" style="height:13mm;"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="fontjc" width="45%" align="center" valign="middle"><!-- 物流服务产品表达 --></td>
        <td class="fontx4 font-jc"  align="center" valign="middle"> ${printerModel.expressNo}</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td class="tabd fontx5" style="height:15mm;">
        <p class="padding-left15">寄件人:${printerModel.fromName}  联系方式：${printerModel.fromPhone ? printerModel.fromPhone : printerModel.fromMobile}<br /> 
        地址：${printerModel.fromAddress}</p>
    </td>
  </tr>
    <tr>
    <td class="tabd font-jc" style="height:25mm; vertical-align:top;">
    <p class="padding-left15" style="display:block;  height:17mm;"> 收件人：${printerModel.toName} 电话：${printerModel.toPhone ? printerModel.toPhone : printerModel.toMobile}<br /> 
                               地址：${printerModel.toAddress} </p>
    <p class="padding-left15" style=" display:block;"> 
    <c:forEach items="${printerModel.packItems}" var="item" varStatus="i">
	  	<c:if test="${i.count <= 1}">
	  		品名 ：${item.itemName}
		  </c:if>
	  </c:forEach>  
	 </p>
    </td>
  </tr>
    <tr>
    <td class="tabd" style="height:12mm;"><table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="tabr" width="45%" align="left" valign="middle">
        <p class="padding-left15 font8h" style=" color:#C00;">您对此单的前身，代表已验货，确认商品信息无误，包装完好，没有划痕、破损等表面质量问题。</p></td>
        <td class="fontx4 font-jc"  align="left" valign="middle"> <span class="padding-left15">签收</span></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

